<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>图片映射Demo</title>
    </head>
    <body>
            <img src="../images/map.png"  usemap="#mymap" />
            
            <map name="mymap">
                    <area shape="rect"  coords="71,45,237,166"   href="./1.html"    target="_blank"   title="在红色上面"  />
                    <area shape="rect"  coords="236,45,402,166"   href="./2.html"    target="_blank"   title="在绿色上面"  />
                    <area shape="rect"  coords="71,166,237,287"   href="./3.html"    target="_blank"   title="在蓝色上面"  />
                    <area shape="rect"  coords="237,155,402,287"   href="./4.html"    target="_blank"   title="在黄色上面"  />
            </map>
    </body>
</html>